<template>
    <el-container class="layout-default" @keyup.ctrl.115="ctrlSave">
        <el-header>
            <my-header></my-header>
        </el-header>
        <el-container>
            <el-aside>
                <my-aside></my-aside>
            </el-aside>
            <el-main>
                <my-content></my-content>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import MyHeader from "./components/header";
import MyAside from "./components/myAside";
import MyContent from "./components/content";

export default {
    name: "Home",
    components: {
        MyHeader,
        MyAside,
        MyContent
    },
    methods: {
        ctrlSave () {
            alert("ctrl save")
        }
    }
};
</script>

<style lang="scss">
// 加上~,才会将@识别为别名
@import "~@/assets/styles/home/index.scss";
</style>
